* {
    margin: 0;
    padding: 0;
}

body,
html {
    box-sizing: border-box;
    width: 100%;

    padding: 0;

}

.main {
    .bg {
        img {
            width: 100%;
            background: url('../images/bg.jfif') no-repeat;
            background-size: cover;
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: 0 !important;
        }
    }


}

.warp {
    .logo {
        position: fixed;
        left: 70px;
        top: 60px;
        width: 124.4px;
        height: 40px;

        img {
            width: 100%;
            height: 100%;
        }
    }

    .text {
        position: fixed;
        left: 195px;
        top: 314px;
        color: #fff;

        h3 {
            font-size: 54px;
            letter-spacing: 0;
            font-weight: 700;

        }

        p {

            font-size: 32px;
            letter-spacing: 3.81px;
            font-weight: 300;
        }
    }
}

.lgcontent {
    height: 554px;
    margin-top: -277px;
    position: absolute;
    right: 139px;
    top: 50%;
    background: rgba(255, 255, 255, .9);
    border-radius: 12px;
    overflow: hidden;

    .login {
        margin: 30px 0 0 39px;

        h3 {
            font-size: 36px;
            color: #000;
            padding-bottom: 4px;
            display: block;
            font-family: Tahoma, Helvetica, "Microsoft Yahei", "微软雅黑", Arial, STHeiti;
        }

        p {
            font-size: 14px;
            color: #9B9B9B;

            span {
                color: #2e58ff;
                cursor: pointer;
            }
        }
    }

    .lgcontentb {
        padding-top: 40px;
        overflow: initial;
        position: relative;
        width: 480px;
        float: left;

        form {
            .pass-form {
                margin-bottom: 32px;
                position: relative;
                clear: both;
                zoom: 1;

                .userName {
                    font-size: 14px;
                    color: #333;
                    letter-spacing: 0;
                    text-align: right;
                    width: 82px;
                    height: 40px;
                    line-height: 40px;
                    margin-right: 15px;
                    font-weight: 200;
                    display: block;
                    float: left;
                }

                .input-userName {
                    padding: 11px 10px;
                    max-height: 40px;
                    background: #fff;
                    border: 1px solid #E0E0E0;
                    border-radius: 4px;
                    font-size: 14px;
                    width: 321px;
                    color: #000;
                    margin-right: 10px;
                    float: left;
                    height: 16px;
                    display: block;
                    position: relative;
                }

                &::after {
                    visibility: hidden;
                    display: block;
                    font-size: 0;
                    content: " ";
                    clear: both;
                    height: 0;
                }
            }

            .phone {
                margin-bottom: 32px;
                position: relative;
                clear: both;
                zoom: 1;

                &::after {
                    visibility: hidden;
                    display: block;
                    font-size: 0;
                    content: " ";
                    clear: both;
                    height: 0;
                }

                .label-phone {
                    font-size: 14px;
                    color: #333;
                    letter-spacing: 0;
                    text-align: right;
                    width: 82px;
                    height: 40px;
                    line-height: 40px;
                    margin-right: 15px;
                    font-weight: 200;
                    display: block;
                    float: left;
                }

                .text-input-phone {
                    padding: 11px 10px;
                    max-height: 40px;
                    background: #fff;
                    border: 1px solid #E0E0E0;
                    border-radius: 4px;
                    font-size: 14px;
                    width: 321px;
                    color: #000;
                    display: block;
                    position: relative;
                    float: left;
                    height: 16px;


                }
            }

            .password {
                margin-bottom: 32px;
                position: relative;
                z-index: 19;

                &::after {
                    visibility: hidden;
                    display: block;
                    font-size: 0;
                    content: " ";
                    clear: both;
                    height: 0;
                }

                .label-password {
                    font-size: 14px;
                    color: #333;
                    letter-spacing: 0;
                    text-align: right;
                    width: 82px;
                    height: 40px;
                    line-height: 40px;
                    margin-right: 15px;
                    font-weight: 200;
                    display: block;
                    float: left;
                }

                .text-input-password {
                    padding: 11px 10px;
                    max-height: 40px;
                    background: #fff;
                    border: 1px solid #E0E0E0;
                    border-radius: 4px;
                    font-size: 14px;
                    width: 321px;
                    color: #000;
                    display: block;
                    position: relative;
                    float: left;
                    height: 16px;
                    margin-right: 10px;
                }
            }

            .submit {
                padding-top: 40px;
                margin-top: 0;
                margin-bottom: 15px;
                left: 41px;
                position: relative;
                clear: both;
                zoom: 1;

                &::after {
                    visibility: hidden;
                    display: block;
                    font-size: 0;
                    content: " ";
                    clear: both;
                    height: 0;
                }

                .pass-button {
                    background: #5368a1;
                    border-radius: 25px;
                    width: 399px;
                    float: left;
                    display: block;
                    height: 50px;
                    font-size: 16px;
                    font-weight: 700;
                    cursor: pointer;
                    color: #fff;
                    border: 0;
                }
            }
        }
    }
}